<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Taylor Made :: Home </title>	    
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index, follow" />
	<meta name="revisit-after" content="7 days" />
	<meta name="author" content="" />
	<meta name="copyright" content="" />
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/lang_vn.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/print.css" media="print" /> 
    <!--[if IE]><link rel="stylesheet" type="text/css" href="css/iefix.css" media="screen" /><![endif]-->	   		
</head>
<body>
<div id="wrapContainer">
	<div id="container" class="details">
		<div id="header">
			<ul class="top">
            	<li><h1><a href="#" title="Taylor Made"><img src="images/logo.jpg" alt="taylor" height="85" width="207"/></a></h1></li>
                <li class="midd"><h2 class="titRed">Learning Community</h2></li>
                <li class="last">
                	<h3>Login</h3>
                	<form id="frmLogin" action="" name="frmLogin" class="frmLogin">
                    	<ul>
	                    	<li class="first">
                            	<p><label for="txtUsername">User name :</label><input type="text" value="" id="txtUsername" name="txtUsername"/></p>
                            	<p><label for="txtPassword">Password :</label><input type="text" value="" id="txtPassword" name="txtPassword"/></p>
                            </li>
                        	<li><input type="button" value="" class="uiIcon initIcon-06"/></li>
                        </ul>                        
                    </form>
                </li>
            </ul>
            <p class="lnkVita"><a href="#" title="Vita">Vita</a></p>
            <div class="bot">
                <ul class="nav">
                	<li class="first"><img src="images/dummy.gif" alt="" class="uiIcon initIcon-07"/></li>
                    <li class="current"><a href="#" title="home">home</a></li>
                    <li ><a href="#" title="people">people</a></li>
                    <li class="noBG"><a href="#" title="why?">why?</a></li>
                    <li class="special">&nbsp;</li>
                    <li><a href="#" title="join">join</a></li>
                    <li><a href="#" title="customer service">customer service</a></li>
                    <li class="end"><a href="#" title="community">community</a></li>
                </ul>
                <ul class="lang">
                    <li><a href="#" title="English"><img src="images/dummy.gif" alt="English" class="uiIcon initIcon-01"/></a></li>
                    <li><a href="#" title="Viet Nam"><img src="images/dummy.gif" alt="Viet Nam" class="uiIcon initIcon-02"/></a></li>
                </ul>
            </div>            
		</div><!--EOF header-->
		<div id="wrapMain" class="cntVita">
			<div class="main">
            	<div class="leftCtn">
                	<div class="blckHightlight">
                    	<h3><span><span>How Vita Work</span></span></h3>
                        <ul>
                        	<li class="current"><a href="#" title="Pedagogy and motivation">Pedagogy and motivation</a></li>
                            <li><a href="#" title="Personalization">Personalization</a></li>
                            <li><a href="#" title="Memorizing and revising">Memorizing and revising</a></li>
                            <li><a href="#" title="Bonus!">Bonus!</a></li>
                            <li><a href="#" title="Pedagogy and motivation">Pedagogy and motivation</a></li>
                            <li><a href="#" title="Personalization">Personalization</a></li>
                            <li><a href="#" title="Memorizing and revising">Memorizing and revising</a></li>
                            <li class="last"><a href="#" title="Bonus!">Bonus!</a></li>
                        </ul>
                        <a href="#" title="Download pdf instructions" class="lnkDownload"><img src="images/dummy.gif" alt="Download pdf instructions" class="uiIcon initIcon-10" /><span>Download pdf instructions</span></a>
                    </div><!--EOF blckHightlight-->
                    <div class="blckHightlight">
                    	<h3><span><span>communication</span></span></h3>
                        <a href="#" title="Suggest a file" class="lnkSuggest"><span>Suggest a file</span><img src="images/dummy.gif" alt="Suggest a file" class="uiIcon initIcon-11" /></a>
                        <ul>
                        	<li><a href="#" title="Send us a message">Send us a message</a></li>
                            <li class="last"><a href="#" title="Recommend to a friend">Recommend to a friend</a></li>                            
                        </ul>
                        <p class="blckCommingSoon"><img src="images/dummy.gif" alt="comming soon" class="uiIcon initIcon-12" /><span>comming soon</span></p>
                    </div><!--EOF blckHightlight-->
                </div><!--EOF leftCtn--> 
                <div class="middCtn">      	               
                    <div class="content">
                            <div class="innerContent"> 
                                <h2><span><span>beginer - postintermedia</span></span></h2>
                                <a href="#" title="Vita" class="lnkScreenShot"><img src="images/visu_screenshot_vita.jpg" alt="Vita"/></a>                            
                            </div>                        
                    </div><!--EOF content-->
                    <div class="grpControl">
                        <ul>
                            <li class="left"><a href="#" title="content" class="lnkGo_01"><span>content</span><img src="images/dummy.gif" alt="content" class="uiIcon initIcon-13"/></a></li>
                            <li><a href="#" title="GO" class="lnkGo">GO</a></li>
                            <li class="right"><a href="#" title="new files" class="lnkGo_01"><span>new files</span><img src="images/dummy.gif" alt="content" class="uiIcon initIcon-13"/></a></li>                                    
                        </ul>
                    </div><!--EOF grpControl-->
                    <div class="blckLink">
                    	<a href="#" title="My Account" class="lnkMyAccount"><span class="uiForm intype-01"><span><span>My Account</span></span></span></a>
                        <a href="#" title="Try free" class="lnkTryFree"><span class="uiForm intype-02"><span><span>Try free</span></span></span></a>
                        <a href="#" title="Join" class="lnkJoin"><span class="uiForm intype-03"><span><span>Join</span></span></span></a>
                    </div><!--EOF blckLink-->
                </div><!--EOF middCtn-->
                <div class="rightCtn">
                	<div class="innerRight">
                        <div class="blckSlide">
                            <h3>community</h3>
                            <a href="#" title="Join us on facebook" class="lnkFacebook"><img src="images/dummy.gif" alt="Join us on facebook" class="uiIcon initIcon-14"/>Join us on facebook</a>
                        </div><!--EOF blckSlide-->
                        <div class="blckSlide">
                            <h3>learning link</h3>
                            <ul>
                                <li class="current"><a href="#" title="Pedagogy and motivation">Pedagogy and motivation</a></li>
                                <li><a href="#" title="Personalization">Personalization</a></li>
                                <li><a href="#" title="Memorizing and revising">Memorizing and revising</a></li>
                                <li><a href="#" title="Bonus!">Bonus!</a></li>
                                <li class="last"><a href="#" title="Pedagogy and motivation">Pedagogy and motivation</a></li>
                            </ul>
                            <img src="images/visu_pen.gif" alt="" class="visuImg"/>
                        </div><!--EOF blckSlide-->
                        <div class="blckSlide">
                            <h3>fun link</h3>
                            <ul>                        	
                                <li><a href="#" title="Bonus!">Bonus!</a></li>
                                <li class="last"><a href="#" title="Pedagogy and motivation">Pedagogy and motivation</a></li>
                            </ul>
                        </div><!--EOF blckSlide-->
                        <div class="blckSlide">
                            <h3>community connect</h3>
                            <ul>
                                <li class="current"><a href="#" title="Pedagogy and motivation">Pedagogy and motivation</a></li>
                                <li><a href="#" title="Personalization">Personalization</a></li>
                                <li><a href="#" title="Memorizing and revising">Memorizing and revising</a></li>
                                <li><a href="#" title="Bonus!">Bonus!</a></li>
                                <li class="last"><a href="#" title="Pedagogy and motivation">Pedagogy and motivation</a></li>
                            </ul>
                        </div><!--EOF blckSlide--> 
                    </div>                   
                </div><!--EOF rightCtn-->
            </div><!--EOF main-->            
		</div><!--EOF wrapMain-->		
    </div><!-- EOF container-->
    <div id="footer">
    		<hr/>
			<ul class="nav">
            	<li class="first"><a href="#" title="Privacy policy">Privacy policy</a></li>
                <li><a href="#" title="Term &amp; conditions">Term &amp; conditions</a></li>
                <li><a href="#" title="sitemap">sitemap</a></li>
                <li><a href="#" title="contact us">contact us</a></li>
                <li><a href="#" title="about">about</a></li>
                <li class="last"><a href="#" title="Taylormade 2011"> &copy; Taylormade 2011</a></li>
            </ul>
	</div><!--EOF footer-->    
</div><!--EOF wrapContainer	-->
</body>
</html>
